<script setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';
import Layout from './components/Layout.vue';

const route = useRoute();

// 判断是否为登录页面，登录页面不显示Layout组件
const isLoginPage = computed(() => route.path === '/login');
</script>

<template>
  <template v-if="isLoginPage">
    <!-- 登录页面直接显示，不包含侧边栏和顶部导航 -->
    <router-view />
  </template>
  <template v-else>
    <!-- 其他页面使用Layout组件 -->
    <Layout>
      <router-view />
    </Layout>
  </template>
</template>

<style>
/* 全局样式重置，确保整个应用占满屏幕 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#app {
  width: 100%;
  height: 100%;
}
</style>

<style scoped>
.app-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 确保所有内容区域占满空间 */
:deep(.content-wrapper) {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
</style>
